<svelte:options tag="my-card" />

<script>
// Component props
export let type = "solid";
</script>

<button class={type == "solid" ? "btn-solid" : "btn-outline"}>
	<slot />
</button>

<style>
button {padding: 10px;color: #fff;font-size: 17px;border-radius: 5px;border: 1px solid #ccc;cursor: pointer;}
.btn-solid {background: #20c997;border-color: #4cae4c;}
.btn-outline {color: #20c997;background: transparent;border-color: #20c997;}
</style>
